/***** add by fuyun px-rem ******/
/***** end by fuyun px-rem ******/
/***** add by duanwanyu ******/
.pay_icon {
  display: inline-block;
  width: 1.50667rem;
  height: 1.50667rem;
  background-image: url("/resources/img/pay.png");
  background-repeat: no-repeat;
  background-size: 3.41333rem 1.50667rem; }

.done_icon {
  background-position: 0 0; }

.fail_icon {
  height: 1.71667rem;
  background-position: -1.70667rem 0; }

.pay_container {
  padding: 1.33333rem 0;
  text-align: center; }
  .pay_container .pay_msg {
    font-size: 0.48rem;
    margin-top: 0.26667rem;
    color: #333; }

.pay_info {
  font-size: 0.4rem;
  position: relative;
  padding: 0.26667rem 0 0.4rem 0.8rem;
  color: #333;
  border: none; }
  .pay_info > div {
    margin-top: 0.13333rem;
    letter-spacing: 1px; }
  .pay_info:after {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    content: '';
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
        transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
        transform-origin: left top;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc; }

.pay_btn {
  position: absolute;
  right: 0;
  bottom: 1.33333rem;
  left: 0;
  display: -webkit-box;
  display: flex;
  padding: 0 0.4rem; }
  .pay_btn div {
    text-align: right;
    -webkit-box-flex: 1;
            flex: 1; }
    .pay_btn div:first-child {
      text-align: left; }
  .pay_btn button {
    font-size: 0.4rem;
    width: 4.26667rem;
    height: 0.93333rem;
    border: 1px solid currentColor;
    border-radius: 0.06667rem; }
  .pay_btn .view_btn {
    color: #fff;
    background-color: #03a9f4; }
  .pay_btn .back_btn {
    color: #03a9f4;
    background-color: #fff; }
